{% extends "admin/base_site.html" %}
{% load i18n %}

{% block loginbase %}
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}styles/base.css" />
{% endblock %}
{% block extrastyle %}{% load adminmedia %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}styles/login.css" />
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}styles/style.css" />
{% endblock %}

{% block bodyclass %}login{% endblock %}

{% block content_title %}{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block content %}

<div class="mesh">
{% if error_message %}
<p class="errornote">{{ error_message }}</p>
{% endif %}
<div class="trans">
<div id="content-main">
<div class="login-left">
<h1> MuseumWeb offers <strong style="color: rgb(255, 255, 255);">custom portals </strong> and <strong style="color: rgb(255, 255, 255);">audio tours</strong> for <strong style="color: rgb(221, 0, 23);">museums</strong>. </h1>
</div>
<div class="login-right">
<h1> Member Sign In </h1>
<form action="{{ app_path }}" method="post" id="login-form">{% csrf_token %}
  <div class="form-row">
    <label for="id_username">{% trans 'Username:' %}</label> <input type="text" name="username" id="id_username" />
  </div>
  <div class="form-row">
    <label for="id_password">{% trans 'Password:' %}</label> <input type="password" name="password" id="id_password" />
    <input type="hidden" name="this_is_the_login_form" value="1" />
  </div>
  <div class="submit-row">
    <label>&nbsp;</label><input type="submit" value="{% trans 'Log in' %}" />
  </div>
</form>
</div>
<script type="text/javascript">
document.getElementById('id_username').focus()
</script>
</div>
</div>
</div>
{% endblock %}
